@charset "UTF-8";
/*menu*/
.list_dt{
    background: rgba(5,60,155,.99);
    color: white;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size:15px;
    color: #96d2ff;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom:1px solid rgba(255,255,255,.15);
}
.list_dt:hover{
    background:rgba(5,60,155,.8);
    color: #fff;
}
.list_dt:hover ._after{
    display: block;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #053d9a;
}
.list_dt a{color:#96d2ff;display: block;}
#open{
    background:rgba(5,60,155,.8);
}
#open ._after{
    display: block;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background:rgba(250,150,0,.9);
}
.list_dt_icon{
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("off.png") no-repeat;
}
.list_dt_icon{
    background: url("open.png") no-repeat;
}
.list_dd{
    display: none;
    background: rgba(5,60,155,.4);
    padding:10px 40px;
    font-size: 14px;
    line-height: 30px;
}
.list_dd a{color:#96d2ff;}
.filter{
filter:alpha(opacity=99);  /*支持 IE 浏览器*/
-moz-opacity:0.99; /*支持 FireFox 浏览器*/
opacity:0.99;  /*支持 Chrome, Opera, Safari 等浏览器*/}

/*menu end*/
.mobile-inner-header{
  background: rgba(5,60,155,.9);
  width: 100%;
  height: 50px;
  position: relative;
  top: 0px;
  left: 0px;z-index: 9999999;

}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  

  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  


@keyframes clickfirst {
  0% {
    transform: translateY(4px) rotate(0deg);
    
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
} 



@keyframes clicksecond {
  0% {
    transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
} 



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  display: none;
  z-index:9999999
}

  .mobile-inner-nav a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }
      
  @-webkit-keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
    }
  }

  @keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
    }
  }


.cd-logo {
float: left;
margin: 8px 0 0 5px;
}
.cd-logo img{width:300px;}
.filter{
filter:alpha(opacity=80);  /*支持 IE 浏览器*/
-moz-opacity:0.80; /*支持 FireFox 浏览器*/
opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/}

@media (max-width:768px){
.mobile-inner-nav{}
.hidden-xs{display: hidden;}
.show { display: none !important; }
.hide { display: block !important; }
.col-content{min-height: 300px;}

#footer{padding: 10px;text-align: center;font-size:14px;}
}